/**
 * eadmin / www.eadmin.com.cn
 * 
 * 滑块
 */

 @import "../global";

 .slider
 {
    .border-radius();
    height: 4px;
    background: @input-color-1;
    cursor: pointer;
    position: relative;
    margin: 30px 0 10px 0;
    .slider-bar
    {
        .border-radius();
        .linear();
        position: absolute;
        width: 0;
        height: 4px;
    }
    .slider-btn
    {
        .animate(box-shadow);
        .border-radius(50px);
        width: 16px;
        height: 16px;
        cursor: grab;
        position: absolute;
        background: @font-color-3;
        border: 3px @color-3 solid;
        z-index: 999;
        left: 0;
        top: -6px;
        &:hover
        {
            .animate(box-shadow);
            .box-shadow();
        }
    }
    .step
    {
        .border-radius(50%);
        width: 4px;
        height: 4px;
        background:@color-5;
        position: absolute; 
    }
}
.slider-disabled
{
    background: @color-6;
    cursor: not-allowed;
    .slider-bar
    {
        background: @color-7;
    }
    .slider-btn
    {
        border-color: @color-7;
        cursor:not-allowed;
        &:hover
        {
            .box-shadow(@shadow-color, 0px);
        }
    }
}